<ion-view style="background-color: #ebebf1">
    
    <ion-nav-bar align-title="left" class="bar-dark">
        
        <ion-nav-buttons side="primary">
            <a herf="#" class="button button-icon" ng-click="vm.save()">
                <label class="balanced">保存</label>
            </a>
        </ion-nav-buttons>
        <ion-nav-buttons side="left">
            <a herf="#" class="button button-icon" ng-click="vm.cancel()">取消</a>
        </ion-nav-buttons>
    </ion-nav-bar>
    <ion-content class="has-header has-footer">
        <div class="list">
            <textarea msd-elastic
                      placeholder="在这里填写对图片的描述"
                      rows="3"
                      style="height: 60px; width: 100%"
                      ng-model="vm.desc"></textarea>
            <div class="item row row-wrap" >
                <div class="col col-20"
                     style="padding: 5px"
                     ng-repeat="item in vm.imageList">
                    <img src="{{item}}" style="width: 64px; height: 64px"/>
                </div>

                <div class="col col-20">
                    <a class="button button-icon icon ion-plus"
                       herf="#"
                       ng-click="vm.addImage()"
                       style="width: 64px; height: 64px"></a>
                </div>
            </div>

            <a class="item item-icon-left item-icon-right" href="#">
                <i class="icon ion-location"></i>
                {{vm.locationInfo}}({{vm.lng}},{{vm.lat}})
                <i class="icon ion-chevron-right" ng-click="vm.location()"></i>
            </a>
        </div>

        <div class="list">
            <label class="item item-input item-select">
                <div class="input-label">
                    分类
                </div>
                <select ng-model="vm.type">
                    <option value="1">A类</option>
                    <option value="2">B类</option>
                    <option value="3">C类</option>
                </select>
            </label>
        </div>

        <div class="list">

            <div class="item">
                日期:{{vm.date | date:'yyyy-MM-dd HH:mm:ss'}}
            </div>
        </div>

    </ion-content>
    <ion-footer-bar align-title="center" class="content-footer">
        <h1 class="title" style="font-size: 14px">无锡易路捷城市智能交通科技有限公司</h1>
    </ion-footer-bar>
</ion-view>
